<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<script type="text/javascript">
    function page(n,s){
        $("#pageNo").val(n);
        $("#pageSize").val(s);
        $("#searchForm").submit();
        return false;
    }
</script>
<div class="content-wrap">
    <div class="wrapper" style="bottom: 50px;">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#"   onclick="loadDiv('mainCenterDiv','${ctx}/csm/expDetails/index')">消耗品信息列表</a>
            </li>
            <li>
                <a href="#" onclick="loadDiv('mainCenterDiv','${ctx}/csm/expDetails/form')">消耗品信息添加</a>
            </li>
        </ul>
        <section class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive no-border">
                    <div class="datatable-top">
                        <div class="pull-left">
                            <form:form id="searchForm" modelAttribute="expDetails"  onsubmit="return loadDivForm('mainCenterDiv','searchForm','${ctx}/csm/expDetails/index');" method="post" class="form-inline">
                                <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
                                <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
                                <div class="form-group"><label>消耗品名称:&nbsp;&nbsp;</label><form:input path="expName" maxlength="50" class="form-control"></form:input></div>
                                <input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/>
                            </form:form>
                        </div>
                    </div>
                    <table id="contentTable" class="table table-bordered table-striped mg-t datatable">
                        <thead>
                        <tr>
                            <th>消耗品名称</th>
                            <th>消耗品药理作用</th>
                            <th>适用症</th>
                            <th>规格</th>
                            <th>用法用量</th>
                            <th>制剂</th>
                            <th>消耗品药代动力学</th>
                            <th>不良反应</th>
                            <th>注意事项</th>
                            <th>禁忌</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${page.list}" var="expDetails">
                        <tr>
                            <td> ${expDetails.expName}</td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.action}</p>
                                </details>
                            </td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.indication}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.packageSpec}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.dosage}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.form}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.pharmacokinetics}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.adverseReaction}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.attention}</p>
                                </details></td>
                            <td>
                                <details>
                                    <summary>详情……</summary>
                                    <p> ${expDetails.contraindication}</p>
                                </details></td>
                            <td>
                                <a href="#" onclick="loadDiv('mainCenterDiv','${ctx}/csm/expDetails/form?id=${expDetails.id}')" class="btn btn-success btn-xs">修改</a>
                                <a href="#"  class="applyBt btn btn-danger btn-xs" onclick="confirmExtend('确认要删除该吗？',function(){delLoad('mainCenterDiv','${ctx}/csm/expDetails/delete?id=${expDetails.id}','${ctx}/csm/expDetails/index')})">删除</a>
                            </td>
                        </tr>
                        </c:forEach>

                    </table>
                    <div class="pagination">${page}</div>
                </div>
            </div>
        </section>
    </div>
</div>